<style type="text/css">
table {
	border-collapse: collapse;
	border: 1px solid #CCC;
}

table td {
	padding: 10px;
}

select {
	display: block;
	margin-left: 40px;
	min-width: 250px;
  margin-top: 5px;
}
</style>
<table border="0">
  <tr>
    <td style="background: #FFC;">
    	<form action="/backend_dev.php/matrix/new" method="post">
        Add new connection:
    </td>
  </tr>
  <tr>
    <td>
    	First parameter group:
        <select name="group_1">
          <?php foreach($groups as $group): ?>
            <option value="<?php echo $group['id'] ?>"><?php echo $group['title'] ?></option>
          <?php endforeach ?>
        </select>
    </td>
  </tr>
  <tr>
      <td>
            Second parameter group:
            <select name="group_2">
              <?php foreach($groups as $j =>$group): ?>
                <option value="<?php echo $group['id'] ?>" <?php echo $j===1 ? 'selected="selected"' : '' ?>><?php echo $group['title'] ?></option>
              <?php endforeach ?>
           </select>
       </td>
  </tr>
  <tr>
    <td align="right"><input type="submit" value="Continue ..."></form></td>
  </tr>
</table>
